.content{
    width: 100%;
    height: 500px;
    background:skyblue;
}
.mid{
    width: 1200px;
    height: 500px;
    margin:0 auto;
}
.mid div{
    width: 550px;
    height: 400px;
    margin-top: 50px; 
    overflow: hidden;
}
.content-left{
    float: left;  
}
.mid img{
    transition: all 0.5s;
}
.mid img:hover{
    transform: scale(1.2);
}
.content-right{
    float: right;
}